body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, textarea, p, blockquote, th, td, img ,iframe { margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
input,button,textarea,option { font:12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style:none; border:0px; }
img{ border:0px; }
.clear{ font:0px/0px serif; display:block; clear:both; }
html{ -webkit-text-size-adjust: none; }
input{ outline:none; vertical-align:middle; margin:0; padding:0;}
button{ border:none; margin:0; padding:0;}
textarea{ resize:none; vertical-align:middle;}
select{ vertical-align:middle;}
a{ text-decoration:none; }
.json{ display:none;}
body:nth-of-type(1) input:focus,textarea:focus{ outline:none; }
body{ font:12px "\5b8b\4f53","Tahoma","Arial","Microsoft Yahei"; color:#333; background:#fff; position:relative;}
/*header*/
#header{ width:100%; height:32px; margin:0 auto; background-color:#f5f5f5; border-bottom:1px solid #e5e5e5;}
.header{ width:1000px; height:32px; margin:0 auto;}
.header ul{ float:left;}
.header li{ float:left; font: normal 12px/32px "\5b8b\4f53","Tahoma"; color:#666;}
.header li input{ width:90px; height:18px; float:left; border:1px solid #d7d7d7; margin:6px 5px 6px 0;}
.header li button{ width:39px; height:19px; float:left; border:0; margin:6px 3px; background:url(../images/sample_list2014/sample_list2014.png) no-repeat 0 0; cursor:pointer;}
.header li a{ color:#666; padding:0 5px;}
.header p{ line-height:32px; float:right; color:#dfdfdf; margin-right:-5px;}
.header p a{ display:inline-block; color:#666; padding:0 5px;}
.header p a.mobile{ padding-left:22px; background:url(../images/sample_list2014/sample_list2014.png) no-repeat -114px 0; color:#5b7648;}
.header li a:hover,.header p a:hover{ color:#f60; text-decoration:underline;}
/*adPosition*/
.adPosition,.adPosition1{ width:1000px; margin:0 auto; overflow:hidden;}
.adPosition ul,.adPosition1 ul{ width:1010px; display:inline; float:left; margin:0px 0 0 -5px;}
.adPosition li,.adPosition1 li{ display:block; float:left; padding:10px 5px 0 5px;}
.adPosition img,.adPosition embed,.adPosition1 img,.adPosition1 embed{ float:left;}
/*top*/
.top{ width:1000px; height:83px; margin:0 auto; position:relative; z-index:9999;}
.top .logo{ position:absolute; left:0; top:12px;}
.top h1{ width:90px; height:50px; position:absolute; left:246px; top:20px; font-size:24px; font-family:"Microsoft Yahei","\5b8b\4f53"; color:#f60;  text-indent:14px; border-left:1px solid #e2e2e2; font-weight:normal;}
.top p{ width:540px; height:22px; position:absolute; left:436px; top:56px; color:#555; font-weight:bold;}
.top p a{ font-weight:normal; color:#706e6c; padding:0 6px;}
.top p a.keyword{ color:#f60;}
.top p a:hover{ color:#f60; text-decoration:underline;}
.search{ width:419px; height:38px; position:absolute; z-index:3; top:21px; left:263px; border:1px solid #c1c1c1; border-right:0;}
input.text{ width:350px; height:38px; display:block; position:absolute; line-height:38px; border:0px; background:#fff; color:#666; text-indent:10px; top:22px; left:333px; z-index:3; font-size:14px;}
.top button{ width:71px; height:40px; display:block; position:absolute; top:21px; left:683px; background:url(../images/sample_list2014/sample_list2014.png) no-repeat 0 -20px; cursor:pointer; z-index:3;}
.selectbox-wrapper{ width:68px; border:1px solid #cdcdcd; border-top:0; background:#fff; text-align:center; position:absolute; top:61px; left:263px; z-index:9999;}
.selectbox-wrapper ul li.selected,.selectbox-wrapper ul li.current{ background:#5b7648; color:#fff;}
.selectbox-wrapper ul li { padding-bottom:3px; width:68px; cursor:pointer; font-size:14px; line-height:18px; padding-top:3px; text-indent:20px; text-align:left;}
.selectbox { width:68px; height:36px; border:0; border-right:1px solid #d4d4d4; display:block; line-height:36px; font-size:14px; color:#666; z-index:10; position:absolute; top:23px; left:264px; text-indent:14px; cursor:pointer; background:#fff url(../images/sample_list2014/sample_list2014.png) no-repeat -74px -27px; }
.adRight{ position:absolute; left:800px; top:15px; z-index:1;}
.adRight a img{ width:200px; height:53px; float:left;}
/*nav*/
.nav{ width:1000px; height:37px; margin:0 auto; border-top:3px solid #5b7648; border-bottom:5px solid #f0f0f0;}
.nav p{ width:999px; float: left; border-right: 1px solid #dedede; border-bottom:1px solid #dedede; font:bold 16px/37px "Microsoft Yahei","simhei"; }
.nav p a{ color:#333; padding:0 19px; height:37px; border-left:1px solid #dedede; display:inline-block; text-align: center; }
.nav p a.focus{ color:#fff; background:#5b7648; border-left:1px solid #5b7648; }
.nav p a:hover{ color:#fff; background:#5b7648;}
/*sub*/
.website{ width:998px; height:36px; margin:0 auto; border:1px solid #e8e8e8; background:#fafafa; color:#e8e8e8;}
.website dt{ width:870px; height:36px; float:left; text-indent:68px; background:url(../images/sample2014/sample2014.png) no-repeat -67px -101px; overflow:hidden; line-height:37px;}
.website dt a{ color:#4e4e4e; padding:0 6px;}
.website dt a:hover{ color:#f60; text-decoration:underline;}
.website dd{ width: 96px; height: 37px; display: block; float: right; margin-right:12px; line-height: 37px; color: #bfbfbf; position: relative; }
.website dd em{ width: 96px; height: 37px; display: block; position: absolute; z-index: 9; font: normal 12px/37px "Microsoft Yahei","simhei"; text-indent: 30px; background:url(../images/index/websiteicon.png) no-repeat -82px -1px; right:20px;}
.website dd em.nobg{ background: none; }
.website dd em a{ color: #333; }
.website dd .morebg{ width: 96px; height: 37px; position: absolute; z-index: 1; border: 1px solid #bbbbbb; border-bottom: 1px solid #f5f5f6; background:url(../images/index/websiteicon.png) #FFF no-repeat -82px -29px; right:20px;}
.website dd .morebg2{ width:96px; height:10px; position:absolute; top:30px; left:-21px; background-color:#fff; z-index:11; overflow:hidden;}
.website dd .morelist{ width: 184px; position: absolute; z-index: 8; border: 1px solid #bbbbbb; top: 32px; background: #fff; padding: 5px 2px; left:-22px;}
.website dd .morelist a{ width: 92px; height: 22px; display: block; float: left; text-align:center; margin: 3px 0; color: #333333; font: normal 12px/22px "\5b8b\4f53","Tahoma","Arial"; }
dl.website dd .morelist a:hover{ color: #535353; background: #e7e7e8; }
/*company name*/
.name{ width:1000px; height:138px; margin:15px auto 0; background:#5b7648;}
.name img{ width:180px; height:100px; float:left; margin:19px 30px 0;}
.name h1{ width:550px; height:40px; float:left; margin-top:50px; font:bold 28px/40px "Microsoft Yahei","\5b8b\4f53"; color:#fff; overflow:hidden;}
.name a.download{ width:163px; height:43px; float:left; background:url(../images/sample_detail2015/sample_detail2015.png) no-repeat 0 -80px; margin-top:50px;}
/*main*/
.main{ width:998px; margin:20px auto 0; border:1px solid #e3e3e3; border-top:1px solid #b9bcb7;}
.mainTop{ width:998px; height:42px; float:left; background:#f5f5f5; border-bottom:1px solid #e3e3e3;}
.page{ float:left; margin-left:40px; text-align: center; display:inline;}
.page a{ display:inline-block; margin:10px;}
.interval{ float:right; padding:14px 20px 0 0;}
.aotuPlay{ width:87px; height:27px; float:right; margin:8px 23px 0 0; background:url(../images/sample_detail2015/playBtn.jpg) no-repeat;}
.aotuPlay2{ background:url(../images/sample_detail2015/playBtn2.jpg) no-repeat;}
.mainBot{ width:998px; float:left; position:relative; z-index:1;}
.mainBot img{ width:998px; float:left;}
.mainBtn a{ width:42px; height:74px; position:absolute; left:-82px; top:288px; z-index:1; background:url(../images/sample_detail2015/pageBtn.png) no-repeat;}
.mainBtn a.b_right{ left:1040px; background-position:-42px 0;}
.mainBtn a:hover{ background-position:-84px 0;}
.mainBtn a.b_right:hover{ background-position:-126px 0;}
/*company introduce*/
.introduce{ width:1000px; height:198px; margin:20px auto 0; background:url(../images/sample_detail2015/introducebg.jpg) no-repeat;}
.introduce i{ width:555px; height:138px; float:left; margin:48px 0 0 29px; display:inline; color:#333; line-height:23px; text-indent:2em; overflow:hidden; font-style:normal;}
.introduce .contact{ width:345px; height:174px; float:left; margin:9px 0 0 50px; display:inline; color:#666; overflow:hidden;}
.introduce h3{ width:345px; height:42px; float:left; font:bold 18px/42px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden;}
.introduce h3 a{ color:#333;}
.introduce .contact span {
	width: 345px;
	height: 22px;
	float: left;
	font: normal 15px/22px "Microsoft Yahei","Tahoma";
	overflow: hidden;
}
.introduce span a{ color:#666;}
/*line*/
.line{ width:100%; margin:20px auto 0; border-top:3px solid #dbdbdb;}
.lineBox{ width:1000px; height:110px; margin:0 auto; position:relative; z-index:1;}
.adPosition{ width:1000px; margin:0 auto; overflow:hidden; border-top:3px solid #717171; position:absolute; left:0; top:-3px; z-index:2;}
.adPosition ul{ width:1010px; display:inline; float:left; margin:0px 0 0 -5px;}
.adPosition li{ display:block; float:left; padding:10px 5px 0 5px;}
.adPosition img,.adPosition embed{ float:left;}
/*foot*/
.foot{ width:1000px; margin:10px auto 0; text-align:center; color:#686161; padding-bottom:20px;}
.foot span{ width:998px; height:43px; float:left; line-height:43px; background-color:#f5f5f5; border:1px solid #e0dfdf; color:#686161;}
.foot span a{ padding:0 6px; color:#333333;}
.foot span a:hover{ color:#f60; text-decoration:underline;}
.foot p.web{ width:1000px; float:left; padding:15px 0; color:#686161; font-size:14px;}
.foot p.web a{ color:#00ab00;}
.foot p.web a:hover{ color:#f60; text-decoration:underline;}
.foot p{ font:normal 12px/26px "Tahoma", "\5b8b\4f53";}
.foot strong{ padding:0 25px 0 0;}
.foot b{ padding:0 1px;}
.foot b img{ vertical-align:middle;}
/*goTop*/
.backHome {
	width: 54px;
	position: relative;
}

.backHome a.guest,
.backHome a.guest,
.backHome a.price,
.backHome a.rightWx,
.backHome a.back,
.backHome .qq {
	width: 54px;
	height: 19px;
	display: block;
	float: left;
	text-align: center;
	font: normal 11px "Microsoft Yahei", "simhei";
	color: #fff;
	padding: 35px 0px 0 0px;
	margin: 2px 0;
	opacity: 0.7;
	filter: alpha(opacity=70);
	background: url(../images/public/rightBar2.png) no-repeat 0 0 #5b7648;
	text-decoration: none;
}

.backHome a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.backHome a.guest {
	background: url(../images/public/rightBar2.png) no-repeat 0 -114px #5b7648;
}

.backHome a.price {
	background: url(../images/public/rightBar2.png) no-repeat 0px -57px #5b7648;
}

.backHome a.rightWx {
	background: url(../images/public/rightBar2.png) no-repeat 0px -228px #5b7648;
}

.backHome img {
	position: absolute;
	right: 65px;
	top: 77px;
	width: 100px;
	height: 100px;
	display: none;
}

.toTop {
	width: 54px;
	height: 54px;
	position: fixed;
	_position: absolute;
	top: 527px;
	_top: expression(eval(document.documentElement.scrollTop+527));
	display: none;
	font: normal 11px "Microsoft Yahei", "simhei";
}

.toTop a,
.toTop a:hover {
	display: block;
	width: 54px;
	height: 19px;
	padding: 35px 0px 0 0px;
	background: url(../images/public/rightBar2.png) no-repeat 0px -170px #5b7648;
	opacity: 0.6;
	filter: alpha(opacity=60);
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.toTop a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

#goTop {
	position: fixed;
	_position: absolute;
	top: 177px;
	display: block;
	right: 10px;
	z-index: 99999;
}

*html,
* html body {
	background-attachment: fixed;
}

*html #goTop {
	position: absolute;
	right: expression(eval(document.documentElement.scrollLeft+10));
	top: expression(eval(document.documentElement.scrollTop+145));
}

.backHome .qq {
	position: relative;
	z-index: 99999;
	background: url(../images/public/rightBar2.png) no-repeat 0px -288px #5b7648;
}

.backHome .qq:hover {
	opacity: 1;
	filter: Alpha(Opacity=100);
}

.qqconsult {
	display: none;
	position: absolute;
	left: -170px;
	top: -30px;
	width: 160px;
	padding-right: 10px;
	z-index: 9999;
}

.qqBox {
	width: 140px;
	height: 124px;
	background-color: #fff;
	border: #5b7648 10px solid;
}

.qqBox h3 {
	width: 138px;
	background-color: #5b7648;
	border: #fff 1px solid;
	height: 28px;
}

.qqBox h3 {
	font: 16px/28px "microsoft yahei";
}

.qqBox p {
	margin-left: 8px;
}

.qqBox p span {
	margin-top: 10px;
	float: left;
	line-height: 16px;
	color: #333333;
	margin-right: 12px;
	font-family: "microsoft yahei";
}

.qqBox p a {
	margin-top: 10px;
	display: block;
	float: left;
	cursor: pointer;
	border: none;
	height: 16px;
	line-height: 16px;
	width: 68px;
	color: #fff;
	font-family: "microsoft yahei";
}

.qqBox p a.btn1 {
	background-color: #5b7648;
}

.qqBox p a.btn2 {
	background-color: #f26522;
}

.backHome .app {
	width: 54px;
	height: 19px;
	display: block;
	float: left;
	text-align: center;
	font: normal 11px "Microsoft Yahei", "simhei";
	color: #fff;
	padding: 35px 0px 0 0px;
	margin: 2px 0;
	opacity: 0.7;
	filter: alpha(opacity=70);
	background: url(../images/public/rightBar2.png) no-repeat 0 -344px #5b7648;
	text-decoration: none;
}

.appBot {
	position: absolute;
	top: 0;
	right: 60px;
	display: none;
}

.appBot img {
	width: auto;
	height: auto;
	position: static;
	display: block;
}
